<template>
    <div class="m-revisepProposalInfo">
        <el-row class="layout-1">
            <el-col :span="24" class="item-1">
                <div class="leftIcon"></div>
                <div>活动修改信息</div>
                <div class="tipMsg">注：红色框表示已修改，红色文字表示修改前的值</div>
            </el-col>
        </el-row>
        <div class="layout-2">
           <el-row>
               <el-col :span="12">活动编号 : {{tableData.activityPeriods}}</el-col>
               <el-col :span="12">活动名称 : {{tableData.activityName}}</el-col>
           </el-row>
            <el-row>
                <el-col :span="12">活动开始时间 : {{tableData.startTime}}</el-col>
                <el-col :span="12">活动结束时间 : {{tableData.endTime}}</el-col>
            </el-row>
            <el-row>
                <el-col :span="12">活动类型 : {{tableData.activityTypeStr}}</el-col>
                <el-col :span="12">活动完成时间 : {{tableData.finishDays}}</el-col>
            </el-row>
            <el-row>
                <el-col :span="12">赠金有效期 : {{tableData.withGoldDays}}</el-col>
                <el-col :span="12">代币有效期 : {{tableData.coinDays}}</el-col>
            </el-row>
            <el-row>
                <el-col :span="12">模拟账号保留金额 : {{tableData.demoKeepAmount}}</el-col>
                <el-col :span="12">最高兑换次数 : {{tableData.maxExchangeCount}}</el-col>
            </el-row>
            <el-row>
                <el-col :span="12">是否启用 : {{tableData.enableFlag == 'Y' ?'启用':'禁用'}}</el-col>
            </el-row>
        </div>
    </div>
</template>
<script>
    import axios from "axios";
    import cgi from "conf/cgi";
    export default {
        data(){
            return {
                tableData: {}
            }
        },
        methods: {},
        created() {
            return axios.post(cgi.revisepProposalInfo,{pno : this.$route.query.pno})
                .then(res => {
                    console.log(res)
                    if (res.code == 0) {
                        this.tableData = res.data;
                        return res.data;
                    } else {
                        return Promise.reject("请求数据失败!");
                    }
                }, error => {
                    return Promise.reject(error.msg);
                });
        }
    }
</script>
<style lang="sass" type="text/scss">
    @import "../../../../sprites/_variable";

    .m-revisepProposalInfo {
        height: 100%;
        background-color: #fff;
        padding: 40px;
        .layout-1 {
            .item-1 {
                position: relative;
                border-bottom: solid 1px $border-colorA;
                padding-bottom: 10px;
                div {
                    display: inline-block;
                    vertical-align: middle;
                }
                .leftIcon {
                    width: 4px;
                    height: 20px;
                    border-radius: 2px;
                    margin-right: 10px;
                    background-color: $color-primary;
                }
                .tipMsg {
                    position: absolute;
                    font-size: 12px;
                    right: 0;
                    color: $color-danger;
                }
            }
            .item-2 {

            }
        }
        .layout-2 {
           // border: solid 1px $border-colorA;
            padding: 15px;
            margin-top: 20px;
            line-height: 50px;
        }
    }
</style>